<template>
	<div class="top-cnt" style="width: 100%;">
		<div class="title-cnt">
			<a class="h-type" v-bind:style="typeT" v-on:click="changeT">我的主题</a>
			<a class="h-type" v-bind:style="typeR" v-on:click="changeR">我的回复</a>
		</div>
		<div class="info-cnt" style="height: 400px;">
			
		</div>
	</div>
</template>

<script>
	export default { 
		name: 'Theme_Card',
		props:['post'],
		components: { 
		},
		data: function () {
			return {
				typeT:"color: #333;",
				typeR:"color: lightgray",
				selectType:"color: #333;border-bottom: 3px solid dodgerblue;"
			}
		},
		mounted(){
			//console.log(this.props);
		},
		methods: {
			changeT(){
				this.typeT=this.selectType;
				this.typeR="color: lightgray;";
			},
			changeR(){
				this.typeT="color: lightgray;";
				this.typeR=this.selectType;
				
			}
		},
	}
	
</script>
<style>

</style>